{{include "web2py_ajax.html"}}

<link rel="stylesheet" media="screen,projection" type="text/css"
     href="{{=URL(request.application,'static','selectbox.css')}}" />
<style type="text/css">
form{background-color:#a6c5ef;}
textarea{
    width:300px;
    max-width:300px;
    margin-bottom:0px;
}
table{width:400px;margin-left:65px;padding-top:10px}
label{margin-right:2px;font-size:12px;font-family: Verdana, Arial, Helvetica, sans-serif;color:#777;
margin-bottom:7px;font-size:12px;font-family: Verdana, Arial, Helvetica, sans-serif;}
html input {

overflow: visible;
} 
</style>

<script language="javascript" type="text/javascript">
$(function() {
    $('#note_priority').selectbox();
    $('#note_removal_date').selectbox();
});

</script>

{{if not form:}}
    <script language="javascript" type="text/javascript">
        setTimeout('parent.window.location.reload()', 1000);
    </script>
{{else:}}
    {{=form}}
{{pass}}

<script language="javascript" type="text/javascript">
$('textarea#note_body').autoResize({
    animateDuration : 100,
    extraSpace : 10,
});
</script>
<script language="javascript" type="text/javascript">
	$(":input[type='text']").css({  "border":"1px solid #999",
                                        "width":"300px",
                                        "margin-bottom":"2px",
                                        "padding-top":"8px",
                                        "padding-bottom":"8px"});
	$(":input[type='submit']").css({    "border":"1px solid #999",
                                            "width":"100px",
                                            "padding-top":"2px",
                                            "padding-bottom":"2px",
                                            "background":"#a6efa6",
                                            "margin-left":"200px"});
	
</script>